




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Assigning property values, Cascading, and Inheritance
 - CSS2.1 Test Suite</title>
  <style type="text/css">* { margin: 0; padding: 0 }
    @import "http://www.w3.org/StyleSheets/TR/base.css";
    @import "../indices.css";
  </style>
 </head>

 <body>

  <h1>CSS2.1 Test Suite</h1>
  <h2>Assigning property values, Cascading, and Inheritance
 (118 tests)</h2>
  <table width="100%">
    <col id="test-column"></col>
    <col id="flags-column"></col>
    <col id="info-column"></col>
    <thead>
      <tr>
        <th>Test</th>
        <th><abbr title="Rendering References">Refs</abbr></th>
        <th>Flags</th>
        <th>Info</th>
      </tr>
    </thead>
    <tbody id="s6">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html">6 Assigning property values, Cascading, and Inheritance
</a></th></tr>
      <!-- 28 tests -->
      <tr id="at-import-001-6" class="primary">
        <td><strong>
            <a href="at-import-001.xht">at-import-001</a></strong></td>
        <td></td>
        <td></td>
        <td>@import not as the first declaration
          <ul class="assert">
            <li>An @import is ignored if it is not the first statement in a style block.</li>
          </ul>
        </td>
      </tr>
      <tr id="at-import-002-6" class="primary">
        <td><strong>
            <a href="at-import-002.xht">at-import-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Importing external stylesheets with @import
          <ul class="assert">
            <li>An @import used to import external stylesheets.</li>
          </ul>
        </td>
      </tr>
      <tr id="at-import-003-6" class="primary">
        <td><strong>
            <a href="at-import-003.xht">at-import-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Importing styles using @import with a string
          <ul class="assert">
            <li>An @import used with just a string is interpreted as if it had url(...) around it.</li>
          </ul>
        </td>
      </tr>
      <tr id="at-import-004-6" class="primary">
        <td><strong>
            <a href="at-import-004.xht">at-import-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Media dependency on @import set to 'print'
          <ul class="assert">
            <li>Specifying a media-dependency of print does not apply rules to the user agent display.</li>
          </ul>
        </td>
      </tr>
      <tr id="at-import-005-6" class="primary">
        <td><strong>
            <a href="at-import-005.xht">at-import-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Media dependency on @import set to 'all'
          <ul class="assert">
            <li>Specifying the media-dependency of 'all' applies to all media types including user agent display.</li>
          </ul>
        </td>
      </tr>
      <tr id="at-import-006-6" class="primary">
        <td><strong>
            <a href="at-import-006.xht">at-import-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Media dependency on @import set to 'screen'
          <ul class="assert">
            <li>Specifying the media-dependent import rules to 'screen' applies to user agent display.</li>
          </ul>
        </td>
      </tr>
      <tr id="at-import-007-6" class="primary">
        <td><strong>
            <a href="at-import-007.xht">at-import-007</a></strong></td>
        <td></td>
        <td></td>
        <td>@import with @charset
          <ul class="assert">
            <li>An @import is valid after @charset.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-precedence-002-6" class="primary">
        <td><strong>
            <a href="html-precedence-002.xht">html-precedence-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Universal selector precedence
          <ul class="assert">
            <li>The universal selector and the 'color' attribute have the same specificity. The universal selector is applied since CSS takes precedence.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-precedence-003-6" class="primary userstyle">
        <td><strong>
            <a href="html-precedence-003.xht">html-precedence-003</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>User style sheet precedence
          <ul class="assert">
            <li>The 'font' element's 'color' attribute trumps the user stylesheet's universal selector. They have the same specificity but the font element is a virtual author rule.</li>
          </ul>
        </td>
      </tr>
      <tr id="inherited-value-002-6" class="primary ahem">
        <td><strong>
            <a href="inherited-value-002.xht">inherited-value-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inheriting computed values
          <ul class="assert">
            <li>The computed value of a font-size with a percentage is the percentage of its parent's font-size value. A nested element which also has a percentage applies the parents' specified value (which is inherited).</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-001-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-001.xht">user-stylesheet-001</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>User defined stylesheet can be applied
          <ul class="assert">
            <li>User stylesheet can be applied to the page.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-002-6" class="primary interact userstyle">
        <td><strong>
            <a href="user-stylesheet-002.xht">user-stylesheet-002</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>User defined stylesheet can be applied and persisted
          <ul class="assert">
            <li>The user stylesheet is still applied after close and reopen the user agent window.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-003-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-003.xht">user-stylesheet-003</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Rules with normal declarations in an user defined stylesheet can be overriden by rules with normal declarations from author in a style block
          <ul class="assert">
            <li>A CSS rule (with normal - not !important - declarations) in an author style sheet have more weight than a CSS rule (with normal - not !important -declarations) in an user style sheet.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-004-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-004.xht">user-stylesheet-004</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Rules with normal declarations in an user defined stylesheet can be overriden by normal declarations from author in an inline style attribute
          <ul class="assert">
            <li>A normal - not !important - declaration in an inline style from author have more weight than a CSS rule (with normal - not !important -) declarations in an user style sheet.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-005-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-005.xht">user-stylesheet-005</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Descendant selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The descendant selector defined in user stylesheet is applied to the appropriate element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-006-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-006.xht">user-stylesheet-006</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Child selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The child selector defined in user stylesheet is applied to the appropriate element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-007-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-007.xht">user-stylesheet-007</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Adjacent sibling selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The adjacent sibling selector defined in user stylesheet is applied to the appropriate element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-008-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-008.xht">user-stylesheet-008</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Attribute selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The attribute selector defined in user stylesheet is applied to the appropriate element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-009-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-009.xht">user-stylesheet-009</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>ID selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The ID selector defined in user stylesheet is applied to the appropriate element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-010-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-010.xht">user-stylesheet-010</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Pseudo-class selector :first-child defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-class selector :first-child defined in user stylesheet is applied to the first child of an element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-011-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-011.xht">user-stylesheet-011</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Pseudo-element first-line selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-element selector :first-line defined in user stylesheet is applied to the first line of an element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-012-6" class="primary history userstyle">
        <td><strong>
            <a href="user-stylesheet-012.xht">user-stylesheet-012</a></strong></td>
        <td></td>
        <td><abbr class="history" title="Requires Session History">History</abbr><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Link defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-class selector :link defined in user stylesheet is applied to all links.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-013-6" class="primary interact userstyle">
        <td><strong>
            <a href="user-stylesheet-013.xht">user-stylesheet-013</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Visited selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-class selector :visited defined in user stylesheet is applied when a link has already been visited.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-014-6" class="primary interact userstyle">
        <td><strong>
            <a href="user-stylesheet-014.xht">user-stylesheet-014</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Hover defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-class selector :hover defined in user stylesheet is applied when the mouse is above an element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-015-6" class="primary interact userstyle">
        <td><strong>
            <a href="user-stylesheet-015.xht">user-stylesheet-015</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Pseudo-class :active defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-class selector :active defined in user stylesheet is implemented.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-016-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-016.xht">user-stylesheet-016</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Pseudo-element first-letter selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-element selector :first-letter defined in user stylesheet is applied to the first letter of an element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-017-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-017.xht">user-stylesheet-017</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Pseudo-element before selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-element selector :before defined in user stylesheet is inserted before an element.</li>
          </ul>
        </td>
      </tr>
      <tr id="user-stylesheet-018-6" class="primary userstyle">
        <td><strong>
            <a href="user-stylesheet-018.xht">user-stylesheet-018</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Pseudo-element after selector defined in user stylesheet can be applied
          <ul class="assert">
            <li>The pseudo-element selector :after defined in user stylesheet is inserted after an element.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s6.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#value-stages">6.1 Specified, computed, and actual values
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s6.1.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.1.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#specified-value">6.1.1  Specified values
</a></th></tr>
      <!-- 4 tests -->
      <tr id="cascade-precedence-001-6.1.1" class="primary">
        <td><strong>
            <a href="cascade-precedence-001.xht">cascade-precedence-001</a></strong></td>
        <td></td>
        <td></td>
        <td>cascade mechanism has precedence over inheritance - font boldness
          <ul class="assert">
            <li>When determining the specified value of a property, the cascade mechanism of (user agent, author, user) style sheets has precedence. If no value results from such mechanism, then the property may inherit from its parent. In this testcase, it is presumed that b elements are specified in the user agents style sheets to embold their text content.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-precedence-002-6.1.1" class="primary">
        <td><strong>
            <a href="cascade-precedence-002.xht">cascade-precedence-002</a></strong></td>
        <td></td>
        <td></td>
        <td>cascade mechanism has precedence over inheritance - font styling
          <ul class="assert">
            <li>When determining the specified value of a property, the cascade mechanism of (user agent, author, user) style sheets has precedence. If no value results from such mechanism, then the property may inherit from its parent. In this testcase, it is presumed that i elements are specified in the user agents style sheets to italicize their text content.</li>
          </ul>
        </td>
      </tr>
      <tr id="list-style-019-6.1.1" class="image">
        <td>
            <a href="list-style-019.xht">list-style-019</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>list-style - initial value
          <ul class="assert">
            <li>'list-style' property is a shorthand notation that sets the three properties 'list-style-type', 'list-style-image' and 'list-style-position'. If one of the 3 list-style properties is not specified explicitly, then such 'list-style' property is assigned its initial value as indicated in its property definition.</li>
          </ul>
        </td>
      </tr>
      <tr id="non-inherited-value-001-6.1.1" class="primary">
        <td><strong>
            <a href="non-inherited-value-001.xht">non-inherited-value-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Non-inherited values
          <ul class="assert">
            <li>If the cascade results in a value, use it.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s6.1.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.1.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#computed-value">6.1.2  Computed values
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s6.1.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.1.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#used-value">6.1.3  Used values
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s6.1.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.1.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#actual-value">6.1.4  Actual values
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s6.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#inheritance">6.2 Inheritance
</a></th></tr>
      <!-- 8 tests -->
      <tr id="c13-inh-underlin-000-6.2" class="primary">
        <td><strong>
            <a href="c13-inh-underlin-000.xht">c13-inh-underlin-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Inheritance
        </td>
      </tr>
      <tr id="c13-inheritance-000-6.2" class="primary">
        <td><strong>
            <a href="c13-inheritance-000.xht">c13-inheritance-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Inheritance
        </td>
      </tr>
      <tr id="c548-ln-ht-003-6.2" class="ahem image">
        <td>
            <a href="c548-ln-ht-003.xht">c548-ln-ht-003</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>line-height
        </td>
      </tr>
      <tr id="c548-ln-ht-004-6.2" class="ahem image">
        <td>
            <a href="c548-ln-ht-004.xht">c548-ln-ht-004</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>line-height
        </td>
      </tr>
      <tr id="cascade-precedence-001-6.2" class="">
        <td>
            <a href="cascade-precedence-001.xht">cascade-precedence-001</a></td>
        <td></td>
        <td></td>
        <td>cascade mechanism has precedence over inheritance - font boldness
          <ul class="assert">
            <li>When determining the specified value of a property, the cascade mechanism of (user agent, author, user) style sheets has precedence. If no value results from such mechanism, then the property may inherit from its parent. In this testcase, it is presumed that b elements are specified in the user agents style sheets to embold their text content.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-precedence-002-6.2" class="">
        <td>
            <a href="cascade-precedence-002.xht">cascade-precedence-002</a></td>
        <td></td>
        <td></td>
        <td>cascade mechanism has precedence over inheritance - font styling
          <ul class="assert">
            <li>When determining the specified value of a property, the cascade mechanism of (user agent, author, user) style sheets has precedence. If no value results from such mechanism, then the property may inherit from its parent. In this testcase, it is presumed that i elements are specified in the user agents style sheets to italicize their text content.</li>
          </ul>
        </td>
      </tr>
      <tr id="inherit-border-padding-000-6.2" class="primary">
        <td><strong>
            <a href="inherit-border-padding-000.xht">inherit-border-padding-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Explicit Inheritance
        </td>
      </tr>
      <tr id="inherited-value-001-6.2" class="primary">
        <td><strong>
            <a href="inherited-value-001.xht">inherited-value-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Inheritance
          <ul class="assert">
            <li>Children elements can inherit properties from parents.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s6.2.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.2.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">6.2.1 The 'inherit' value
</a></th></tr>
      <!-- 18 tests -->
      <tr id="dynamic-top-change-001-6.2.1" class="primary dom">
        <td><strong>
            <a href="dynamic-top-change-001.xht">dynamic-top-change-001</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Inheriting 'top' changes from relpos grandparent
          <ul class="assert">
            <li>The position of a positioned element which inherits its 'top' value from its relatively positioned grandparent changes when the grandparent's 'top' value is changed.</li>
          </ul>
        </td>
      </tr>
      <tr id="dynamic-top-change-002-6.2.1" class="primary dom">
        <td><strong>
            <a href="dynamic-top-change-002.xht">dynamic-top-change-002</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Inheriting 'top' changes from parent table-row through anonymous table boxes
          <ul class="assert">
            <li>The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed even if the parent is display:table-row.</li>
          </ul>
        </td>
      </tr>
      <tr id="dynamic-top-change-003-6.2.1" class="primary dom">
        <td><strong>
            <a href="dynamic-top-change-003.xht">dynamic-top-change-003</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Inheriting 'top' changes from parent table through anonymous table boxes
          <ul class="assert">
            <li>The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed even if the parent is display:table.</li>
          </ul>
        </td>
      </tr>
      <tr id="dynamic-top-change-004-6.2.1" class="primary dom">
        <td><strong>
            <a href="dynamic-top-change-004.xht">dynamic-top-change-004</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Inheriting 'top' changes from abspos parent
          <ul class="assert">
            <li>The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed.</li>
          </ul>
        </td>
      </tr>
      <tr id="dynamic-top-change-005-6.2.1" class="primary combo dom">
        <td><strong>
            <a href="dynamic-top-change-005.xht">dynamic-top-change-005</a></strong></td>
        <td></td>
        <td><abbr class="combo" title=""></abbr><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Inheriting 'top' changes from abspos grandparent
          <ul class="assert">
            <li>The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed.</li>
          </ul>
        </td>
      </tr>
      <tr id="dynamic-top-change-005a-6.2.1" class="primary dom">
        <td><strong>
            <a href="dynamic-top-change-005a.xht">dynamic-top-change-005a</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Inheriting 'top' changes from abspos grandparent (variant: block parent)
          <ul class="assert">
            <li>The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed.</li>
          </ul>
        </td>
      </tr>
      <tr id="dynamic-top-change-005b-6.2.1" class="primary dom">
        <td><strong>
            <a href="dynamic-top-change-005b.xht">dynamic-top-change-005b</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Inheriting 'top' changes from abspos grandparent (non-dynamic variant)
          <ul class="assert">
            <li>The position of a positioned element which inherits its 'top' value from its relatively positioned parent changes when the parent's 'top' value is changed.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-inherit-001-6.2.1" class="primary">
        <td><strong>
            <a href="height-inherit-001.xht">height-inherit-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Inheriting Explicit Heights
          <ul class="assert">
            <li>The computed height is inherited, even if the 'height' property does not apply.</li>
          </ul>
        </td>
      </tr>
      <tr id="inherit-001-6.2.1" class="primary">
        <td><strong>
            <a href="inherit-001.xht">inherit-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Inherit keyword
          <ul class="assert">
            <li>Children elements inherit the parents color given the 'inherit' keyword.</li>
          </ul>
        </td>
      </tr>
      <tr id="inherit-002-6.2.1" class="primary">
        <td><strong>
            <a href="inherit-002.xht">inherit-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Inherit on non-inherited properties
          <ul class="assert">
            <li>Inherit can be used on properties which are not normally inherited.</li>
          </ul>
        </td>
      </tr>
      <tr id="inherit-003-6.2.1" class="primary">
        <td><strong>
            <a href="inherit-003.xht">inherit-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Inherit on the root element
          <ul class="assert">
            <li>If the 'inherit' value is set on the root element, the property is assigned its initial value.</li>
          </ul>
        </td>
      </tr>
      <tr id="left-offset-percentage-002-6.2.1" class="primary">
        <td><strong>
            <a href="left-offset-percentage-002.xht">left-offset-percentage-002</a></strong></td>
        <td></td>
        <td></td>
        <td>position absolute - left offset percentage and inherit
          <ul class="assert">
            <li>'left: inherit' makes the left property take the same computed value as the left property for the element's parent; in the case of a percentage value, the computed value is the specified percentage value. 'left: [percentage]' refers to width of containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="margin-em-inherit-001-6.2.1" class="image">
        <td>
            <a href="margin-em-inherit-001.xht">margin-em-inherit-001</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>inherit applied on margin set with em
          <ul class="assert">
            <li>The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. When inherit keyword is used, the property takes the same computed value - a length value in this testcase - as the property for the element's parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="margin-percentage-inherit-001-6.2.1" class="image">
        <td>
            <a href="margin-percentage-inherit-001.xht">margin-percentage-inherit-001</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>margin - inherit applied on margin percentage
          <ul class="assert">
            <li>A margin percentage is calculated with respect to the width of the generated box's containing block. When inherit keyword is used, the property takes the same computed value - a percentage value in this testcase - as the property for the element's parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="padding-em-inherit-001-6.2.1" class="image">
        <td>
            <a href="padding-em-inherit-001.xht">padding-em-inherit-001</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>inherit applied on padding set with em
          <ul class="assert">
            <li>The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. When inherit keyword is used, the property takes the same computed value - a length value in this testcase - as the property for the element's parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="padding-percentage-inherit-001-6.2.1" class="image">
        <td>
            <a href="padding-percentage-inherit-001.xht">padding-percentage-inherit-001</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>padding - inherit applied on padding percentage
          <ul class="assert">
            <li>A padding percentage is calculated with respect to the width of the generated box's containing block. When inherit keyword is used, the property takes the same computed value - a percentage value in this testcase - as the property for the element's parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="position-absolute-percentage-inherit-001-6.2.1" class="">
        <td>
            <a href="position-absolute-percentage-inherit-001.xht">position-absolute-percentage-inherit-001</a></td>
        <td></td>
        <td></td>
        <td>position absolute - dimensions and position given by offset percentages and inherit
          <ul class="assert">
            <li>Absolutely positioned boxes can be dimensioned and positioned solely by setting offset 'top', 'right', 'bottom' and 'left' property values with percentage unit and then with inherit keyword. 'inherit' on a offset property makes such offset property take the same computed value as the offset property of the nearest positioned ancestor; in the case of a percentage value, the computed value is the specified percentage value of such nearest positioned ancestor.</li>
          </ul>
        </td>
      </tr>
      <tr id="top-offset-percentage-002-6.2.1" class="primary">
        <td><strong>
            <a href="top-offset-percentage-002.xht">top-offset-percentage-002</a></strong></td>
        <td></td>
        <td></td>
        <td>position absolute - top offset percentage and inherit
          <ul class="assert">
            <li>'top: inherit' makes the top property take the same computed value as the top property for the element's parent; in the case of a percentage value, the computed value is the specified percentage value. 'top: [percentage]' refers to height of containing block.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s6.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#at-import">6.3 The @import rule
</a></th></tr>
      <!-- 3 tests -->
      <tr id="at-import-008-6.3" class="primary paged">
        <td><strong>
            <a href="at-import-008.xht">at-import-008</a></strong></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>@import - media-dependence
          <ul class="assert">
            <li>Media-dependent @import rules</li>
          </ul>
        </td>
      </tr>
      <tr id="c11-import-000-6.3" class="primary">
        <td><strong>
            <a href="c11-import-000.xht">c11-import-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Basic Containment
        </td>
      </tr>
      <tr id="c64-uri-000-6.3" class="image">
        <td>
            <a href="c64-uri-000.xht">c64-uri-000</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>URLs
        </td>
      </tr>
    </tbody>
    <tbody id="s6.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#cascade">6.4 The cascade
</a></th></tr>
      <!-- 10 tests -->
      <tr id="c21-pseu-cls-000-6.4" class="interact">
        <td>
            <a href="c21-pseu-cls-000.xht">c21-pseu-cls-000</a></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>anchor
        </td>
      </tr>
      <tr id="c21-pseu-id-000-6.4" class="interact">
        <td>
            <a href="c21-pseu-id-000.xht">c21-pseu-id-000</a></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>anchor
        </td>
      </tr>
      <tr id="cascade-001-6.4" class="primary userstyle">
        <td><strong>
            <a href="cascade-001.xht">cascade-001</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>User style sheets
          <ul class="assert">
            <li>Normal user declarations override the default user agent style sheet.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-002-6.4" class="primary userstyle">
        <td><strong>
            <a href="cascade-002.xht">cascade-002</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Author stylesheets override user stylesheets
          <ul class="assert">
            <li>Normal author declarations override normal user stylesheet declarations.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-003-6.4" class="primary userstyle">
        <td><strong>
            <a href="cascade-003.xht">cascade-003</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>Author rules with !important and a user stylesheet
          <ul class="assert">
            <li>Author rules using !important override user stylesheet rules.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-004-6.4" class="primary userstyle">
        <td><strong>
            <a href="cascade-004.xht">cascade-004</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>User stylesheet rules using !important and normal author rules
          <ul class="assert">
            <li>User stylesheet rules using !important override normal author rules.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-005-6.4" class="primary">
        <td><strong>
            <a href="cascade-005.xht">cascade-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Redefining rules
          <ul class="assert">
            <li>The latter specified rule wins when having the same specificity and weight.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-006-6.4" class="primary userstyle">
        <td><strong>
            <a href="cascade-006.xht">cascade-006</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>User style sheets and redefining rules
          <ul class="assert">
            <li>The latter specified rule in a style sheet wins when having the same specificity and weight in user styles sheets.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-007-6.4" class="primary">
        <td><strong>
            <a href="cascade-007.xht">cascade-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Author rules local and external
          <ul class="assert">
            <li>Author rules in embedded stylesheets override author rules in imported stylesheets.</li>
          </ul>
        </td>
      </tr>
      <tr id="default-stylesheet-001-6.4" class="primary ahem">
        <td><strong>
            <a href="default-stylesheet-001.xht">default-stylesheet-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Overriding the user agent default style sheet
          <ul class="assert">
            <li>User agent default style sheet settings can be overridden.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s6.4.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.4.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order">6.4.1 Cascading order
</a></th></tr>
      <!-- 2 tests -->
      <tr id="c31-important-000-6.4.1" class="">
        <td>
            <a href="c31-important-000.xht">c31-important-000</a></td>
        <td></td>
        <td></td>
        <td>important
        </td>
      </tr>
      <tr id="c32-cascading-000-6.4.1" class="primary">
        <td><strong>
            <a href="c32-cascading-000.xht">c32-cascading-000</a></strong></td>
        <td></td>
        <td></td>
        <td>Cascading Order
        </td>
      </tr>
    </tbody>
    <tbody id="s6.4.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.4.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#important-rules">6.4.2 !important rules
</a></th></tr>
      <!-- 5 tests -->
      <tr id="c31-important-000-6.4.2" class="primary">
        <td><strong>
            <a href="c31-important-000.xht">c31-important-000</a></strong></td>
        <td></td>
        <td></td>
        <td>important
        </td>
      </tr>
      <tr id="cascade-008-6.4.2" class="primary">
        <td><strong>
            <a href="cascade-008.xht">cascade-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Shorthand properties with !important
          <ul class="assert">
            <li>Shorthand properties with !important apply to all direct sub-properties.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-009-6.4.2" class="primary">
        <td><strong>
            <a href="cascade-009.xht">cascade-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Author rules with !important and other normal author rules
          <ul class="assert">
            <li>Author rules with !important override normal author rules.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-010-6.4.2" class="primary userstyle">
        <td><strong>
            <a href="cascade-010.xht">cascade-010</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>User stylesheet rules with !important and !important author rules
          <ul class="assert">
            <li>User stylesheet rules with !important override !important author rules.</li>
          </ul>
        </td>
      </tr>
      <tr id="cascade-011-6.4.2" class="primary userstyle">
        <td><strong>
            <a href="cascade-011.xht">cascade-011</a></strong></td>
        <td></td>
        <td><abbr class="userstyle" title="Test requres user style sheet or other special user settings.">User</abbr></td>
        <td>User stylesheet rules with !important and normal user rules
          <ul class="assert">
            <li>User stylesheet rules with !important declarations override user stylesheet rules with normal declarations.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s6.4.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.4.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#specificity">6.4.3 Calculating a selector's specificity
</a></th></tr>
      <!-- 12 tests -->
      <tr id="c21-pseu-cls-000-6.4.3" class="primary interact">
        <td><strong>
            <a href="c21-pseu-cls-000.xht">c21-pseu-cls-000</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>anchor
        </td>
      </tr>
      <tr id="c21-pseu-id-000-6.4.3" class="primary interact">
        <td><strong>
            <a href="c21-pseu-id-000.xht">c21-pseu-id-000</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>anchor
        </td>
      </tr>
      <tr id="c32-cascading-000-6.4.3" class="">
        <td>
            <a href="c32-cascading-000.xht">c32-cascading-000</a></td>
        <td></td>
        <td></td>
        <td>Cascading Order
        </td>
      </tr>
      <tr id="specificity-001-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-001.xht">specificity-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - Specificity 0010 vs. 0001
          <ul class="assert">
            <li>The attribute selector has an higher specificity over the element selector - specificity 0010 takes precedence over 0001.</li>
          </ul>
        </td>
      </tr>
      <tr id="specificity-002-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-002.xht">specificity-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - Inline Style
          <ul class="assert">
            <li>Specificity of the inline style trumps all other selectors.</li>
          </ul>
        </td>
      </tr>
      <tr id="specificity-003-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-003.xht">specificity-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - Specificity 0100 vs. 0011
          <ul class="assert">
            <li>The ID attribute in a selector has the higher specificity than the combined pseudo-class and element selectors - specificity 0100 takes precedence over 0011.</li>
          </ul>
        </td>
      </tr>
      <tr id="specificity-004-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-004.xht">specificity-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - Specificity 0011 vs. 0010
          <ul class="assert">
            <li>The combined pseudo-class and element selectors have a higher specificity than the attribute selector - specificity 0011 takes precedence over 0010.</li>
          </ul>
        </td>
      </tr>
      <tr id="specificity-005-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-005.xht">specificity-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - Specificity 0002 vs. 0001
          <ul class="assert">
            <li>An element selector with a pseudo-element selector wins over a pseudo-element selector - specificity 0002 takes precedence over 0001.</li>
          </ul>
        </td>
      </tr>
      <tr id="specificity-006-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-006.xht">specificity-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - Pseudo-element vs. simple element
          <ul class="assert">
            <li>The combination of a pseudo-element selector with an element selector takes takes precedence over simple and single element selector - specificity 0002 takes precedence over 0001.</li>
          </ul>
        </td>
      </tr>
      <tr id="specificity-007-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-007.xht">specificity-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - Specificity 0001 vs. 0000
          <ul class="assert">
            <li>The element selector has a higher specificity over the universal selector - specificity 0001 takes precedence over 0000.</li>
          </ul>
        </td>
      </tr>
      <tr id="specificity-008-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-008.xht">specificity-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - specificity 0012 vs. 0002
          <ul class="assert">
            <li>The combined specificity of an element selector, with a pseudo-class selector and a pseudo-element selector achieves an higher specificity than the combined specificity of an element selector with a pseudo-element selector.</li>
          </ul>
        </td>
      </tr>
      <tr id="specificity-009-6.4.3" class="primary">
        <td><strong>
            <a href="specificity-009.xht">specificity-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating specificity - specificity 0003 vs. 0002
          <ul class="assert">
            <li>First-line selector with highest specificity wins - specificity 0003 take precedence over 0002.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s6.4.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s6.4.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/cascade.html#preshint">6.4.4 Precedence of non-CSS presentational hints
</a></th></tr>
      <!-- 28 tests -->
      <tr id="html-attribute-001-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-001.xht">html-attribute-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'align' vs. CSS 'caption-side' specificity
          <ul class="assert">
            <li>Attribute 'align' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-002-6.4.4" class="primary interact">
        <td><strong>
            <a href="html-attribute-002.xht">html-attribute-002</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Attribute 'alink' vs. CSS active specificity
          <ul class="assert">
            <li>Attribute 'alink' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-003-6.4.4" class="primary image">
        <td><strong>
            <a href="html-attribute-003.xht">html-attribute-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Attribute 'background' vs. CSS 'background' specificity
          <ul class="assert">
            <li>Attribute 'background' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-004-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-004.xht">html-attribute-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'bgcolor' vs. CSS 'background-color' specificity
          <ul class="assert">
            <li>Attribute 'bgcolor' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-005-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-005.xht">html-attribute-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'border' vs. CSS border specificity
          <ul class="assert">
            <li>Attribute 'border' has 0 specificity and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-006-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-006.xht">html-attribute-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'cellpadding' vs. CSS 'padding' specificity
          <ul class="assert">
            <li>Attribute 'cellpadding' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-007-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-007.xht">html-attribute-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'cellspacing' vs. CSS border-spacing specificity
          <ul class="assert">
            <li>Attribute 'cellspacing' has 0 specificity and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-008-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-008.xht">html-attribute-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'clear' vs. CSS 'clear' specificity
          <ul class="assert">
            <li>Attribute 'clear' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-009-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-009.xht">html-attribute-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'color' vs. CSS 'color' specificity
          <ul class="assert">
            <li>Attribute 'color' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-010-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-010.xht">html-attribute-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'cols' vs CSS 'width' specificity
          <ul class="assert">
            <li>Attribute 'cols' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-011-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-011.xht">html-attribute-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'width' vs. CSS 'width' specificity
          <ul class="assert">
            <li>Attribute 'width' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-012-6.4.4" class="primary ahem">
        <td><strong>
            <a href="html-attribute-012.xht">html-attribute-012</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Attribute 'face' vs. CSS 'font-family' specificity
          <ul class="assert">
            <li>Attribute 'face' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-013-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-013.xht">html-attribute-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'valign' vs. CSS 'vertical-align' specificity
          <ul class="assert">
            <li>Attribute 'valign' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-014-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-014.xht">html-attribute-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'frame' vs. CSS 'border' specificity
          <ul class="assert">
            <li>Attribute 'frame' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-015-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-015.xht">html-attribute-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'rules' vs. CSS border specificity
          <ul class="assert">
            <li>Attribute 'rules' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-017-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-017.xht">html-attribute-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'height' vs. CSS 'height' specificity
          <ul class="assert">
            <li>Attribute 'height' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-018-6.4.4" class="primary image">
        <td><strong>
            <a href="html-attribute-018.xht">html-attribute-018</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Attribute 'hspace' vs. CSS 'margin' specificity
          <ul class="assert">
            <li>Attribute 'hspace' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-019-6.4.4" class="primary image">
        <td><strong>
            <a href="html-attribute-019.xht">html-attribute-019</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Attribute 'vspace' vs. CSS 'margin' specificity
          <ul class="assert">
            <li>Attribute 'vspace' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-020-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-020.xht">html-attribute-020</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'link' vs. CSS ':link' specificity
          <ul class="assert">
            <li>Attribute 'link' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-021-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-021.xht">html-attribute-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'marginheight' vs. CSS 'margin' specificity
          <ul class="assert">
            <li>Attribute 'marginheight' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-022-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-022.xht">html-attribute-022</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'marginwidth' vs. CSS 'margin' specificity
          <ul class="assert">
            <li>Attribute 'marginwidth' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-023-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-023.xht">html-attribute-023</a></strong></td>
        <td></td>
        <td></td>
        <td>HTML 'noshade' attribute vs CSS color specificity
          <ul class="assert">
            <li>Attribute 'noshade' has 0 specificity and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-024-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-024.xht">html-attribute-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'nowrap' vs. CSS 'white-space' specificity
          <ul class="assert">
            <li>Attribute 'nowrap' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-025-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-025.xht">html-attribute-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'rows' vs CSS 'height' specificity
          <ul class="assert">
            <li>Attribute 'rows' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-027-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-027.xht">html-attribute-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'size' vs CSS 'height' specificity
          <ul class="assert">
            <li>Attribute 'size' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-028-6.4.4" class="primary">
        <td><strong>
            <a href="html-attribute-028.xht">html-attribute-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Attribute 'text' vs. CSS 'color' specificity
          <ul class="assert">
            <li>Attribute 'text' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-attribute-029-6.4.4" class="primary history interact">
        <td><strong>
            <a href="html-attribute-029.xht">html-attribute-029</a></strong></td>
        <td></td>
        <td><abbr class="history" title="Requires Session History">History</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Attribute 'vlink' vs. CSS ':visited' specificity
          <ul class="assert">
            <li>Attribute 'vlink' has a specificity of zero and is overridden by CSS.</li>
          </ul>
        </td>
      </tr>
      <tr id="html-precedence-001-6.4.4" class="primary">
        <td><strong>
            <a href="html-precedence-001.xht">html-precedence-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Element selector precedence
          <ul class="assert">
            <li>The 'color' attribute has a specificity equal to 0 which be overridden by subsequent style sheet rules.</li>
          </ul>
        </td>
      </tr>
    </tbody>
  </table>

 </body>
</html>
